<!-- 企业认证详情 -->
<template>
  <div class="EnterpriseCertificationInfo">
    <NavBarHeader class="navBarHeader"></NavBarHeader>
    <div class="container">
      <el-breadcrumb separator="/" class="titleBread">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/personal',query:{navBarIndex:1} }">个人中心</el-breadcrumb-item>
      <el-breadcrumb-item>实名认证</el-breadcrumb-item>
      </el-breadcrumb>
      <img src="./../../../../../public/img/personal/qiyeIcon.png" class="realNameImg">
      <div class="imgBox">
        <img :src="listData.enterprise_company_yyzz" class="imgInfo">
      </div>
      <div class="listData">
        <div class="itemList">
          <div class="itemTitle">企业名称</div>
          <div class="contentName">{{listData.enterprise_name}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_uscc">
          <div class="itemTitle">统一社会信用代码</div>
          <div class="contentName1">{{listData.enterprise_uscc}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_type">
          <div class="itemTitle">类型</div>
          <div class="contentName2">{{listData.enterprise_type}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_corporation">
          <div class="itemTitle">法人代表</div>
          <div class="contentName">{{listData.enterprise_corporation}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_area">
          <div class="itemTitle">经营场所</div>
          <div class="contentName">{{listData.enterprise_area}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_founded_time">
          <div class="itemTitle">成立日期</div>
          <div class="contentName">{{listData.enterprise_founded_time}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_scope">
          <div class="itemTitle">经营场所</div>
          <div class="contentName3">{{listData.enterprise_scope}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_account_name">
          <div class="itemTitle">开户名称</div>
          <div class="contentName">{{listData.enterprise_account_name}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_bank_name">
          <div class="itemTitle">开户银行</div>
          <div class="contentName">{{listData.enterprise_bank_name}}</div>
        </div>
        <div class="itemList" v-if="listData.enterprise_bank_num">
          <div class="itemTitle">银行账户</div>
          <div class="contentName">{{listData.enterprise_bank_num}}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script >
import NavBarHeader from "../../../../components/NavBarHeader";
import {getinfo} from './../../../../apis/api'
export default {
// import引入的组件需要注入到对象中才能使用
components: {NavBarHeader},
  data() {
 // 这里存放数据
    return {
      listData:{},//获取信息
    }
  },
// 过滤器
filters: {},
// 监听属性 类似于data概念
computed: {},
// 监控data中的数据变化
watch: {},
// 方法集合
methods: {
  // 获取企业认证信息详情
  async getinfo(){
    let res = await getinfo()
    if(res.data.result == '1'){
      this.listData = res.data.body.enterprisemap
    }
  }
},
// 生命周期 - 创建完成（可以访问当前this实例）
created() {
  this.getinfo()
},
// 生命周期 - 挂载完成（可以访问DOM元素）
mounted() {},
beforeCreate() {}, // 生命周期 - 创建之前
beforeMount() {}, // 生命周期 - 挂载之前
beforeUpdate() {}, // 生命周期 - 更新之前
updated() {}, // 生命周期 - 更新之后
beforeDestroy() {}, // 生命周期 - 销毁之前
destroyed() {}, // 生命周期 - 销毁完成
ctivated() {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style lang='scss' scoped>
.EnterpriseCertificationInfo{
    background-color: #F0F2F5;
}
.navBarHeader{
  background: #1c1e2b;
  z-index: 1000;
}
.container{
  width: 1180px;
  height: 100vh;
  background-color: #fff;
  padding-top: 90px;
  box-sizing: border-box;
  margin: 0 auto;
}
.titleBread{
  margin-left: 30px;
}
.realNameImg{
  width: 375px;
  height: 68px;
  margin-top: 34px;
  margin-left: 30px;
}
.imgBox{
  margin-top: 34px;
  margin-left: 30px;
}
.imgInfo{
  width: 205px;
  height: 143px;
}
.listData{
  margin-top: 20px;
  margin-left:30px;
}
.itemList{
  display: flex;
  align-items: center;
}
.itemTitle{
  font-size:12px ;
  color: #999;
  margin-top: 20px;
}
.contentName{
  font-size: 12px;
  color: #333;
  margin-left: 60px;
  margin-top: 20px;
}
.contentName1{
  font-size: 12px;
  color: #333;
  margin-left: 12px;
  margin-top: 20px;
}
.contentName2{
  font-size: 12px;
  color: #333;
  margin-left: 85px;
  margin-top: 20px;
}
.contentName3{
  width: 800px;
  font-size: 12px;
  color: #333;
  margin-left: 60px;
  margin-right: 20px;
  margin-top: 20px;
}
</style>
